<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <title>阿福易购-首页</title>
    <link rel="stylesheet" href="/css/app.css">
</head>
<body ontouchstart="">
<header class="ui-header ui-header-stable  af-header">
    <ul class="ui-row-flex">
        <li class="ui-col ui-flex ui-flex-pack-start">
        </li>
        <li class="ui-col ui-flex ui-flex-pack-center">
            <h1>阿福易购</h1>
        </li>
        <li class="ui-col ui-flex ui-flex-pack-end">
            <a href="search-form.html"><i class="ui-icon-search"></i></a>
            <a data-href="./login.html" class="ui-btn af-login-btn">登录</a>
        </li>
    </ul>
</header>


<footer class="ui-footer af-footer" >
    <ul class="ui-tiled">
        <li class="current " ontouchstart="window.location.href='/'"><i class="ui-icon-hall"></i><div class="menu">首页</div></li>
        <li data-href="./classify.html"><i class="ui-icon-scan"></i><div class="menu">分类</div></li>
        <li data-href="./cart.html"><i class="ui-icon-cart"></i><div class="menu">购物车</div></li>
        <li ontouchstart="window.location.href='/my.html'"><i class="ui-icon-personal"></i><div class="menu">我的</div></li>
    </ul>
</footer>


<div class="ui-container">

    <section class="J-filter-scroll ui-scroll-menu af-filter-scroller">
        <ul class="ui-scroll-menu-nav" >
            <li data-href="./index.html" class="current">全部</li>
            <li data-href="./cat.html">美妆个护</li>
            <li data-href="./cat.html">进口美食</li>
            <li data-href="./cat.html">母婴用品</li>
            <li data-href="./cat.html">服饰鞋包</li>
            <li data-href="./cat.html">营养保健</li>
            <li data-href="./cat.html">居家生活</li>
            <li data-href="./cat.html">平行进口车</li>
        </ul>
    </section>


    <div class="ui-loading-wrap">
        <p>正在加载中...</p>
        <i class="ui-loading"></i>
    </div>

    <section class="ui-slider">
        <ul class="ui-slider-content">
            <li data-href="./activity.html" class="current"><span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/b2d664fa1af62ea6b6a4a88b0102aab7.jpg)"></span></li>
            <li data-href="./activity.html"><span style="background-image:url(http://placeholder.qiniudn.com/640x200)"></span></li>
            <li data-href="./activity.html"><span style="background-image:url(http://placeholder.qiniudn.com/640x200)"></span></li>
        </ul>
    </section>

    <section class="ui-activity">
        <ul class="ui-grid-halve">
            <li data-href="./activity.html">
                <div class="ui-grid-halve-img">
                    <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/2c4206b679a4d5f9d7a6ac4e67085877.png); "></span>
                </div>
            </li>
            <li data-href="./activity.html">
                <div class="ui-grid-halve-img">
                    <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/aa6183d02fb1f74ee5dfcb1d1dff3742.jpg)"></span>
                </div>
            </li>
        </ul>
    </section>

    <section class="ui-rec-category">
        <h2 data-href="./cat.html" class="ui-arrowlink af-border-b">美妆个护</h2>

        <ul class="ui-row">
            <li data-href="./goods-info.html" class="ui-col ui-col-40">
                <div class="ui-rec-category-img af-border-r">
                    <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/b489bb73b7b40d834cdacc870ce3e51c.jpg)"></span>
                </div>
            </li>
            <li class="ui-col ui-col-60">
                <ul class="ui-row af-border-b">
                    <li data-href="./goods-info.html" class="ui-col ui-col-50 af-border-r">
                        <div class="ui-rec-category-img-tb">
                            <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/8c6579d744e2ce21bf435fe61f554aeb.jpg)"></span>
                        </div>
                    </li>
                    <li data-href="./goods-info.html" class="ui-col ui-col-50">
                        <div class="ui-rec-category-img-tb">
                            <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/1ec795f3435ddde0760ba7709d03c0f6.jpg)"></span>
                        </div>
                    </li>
                </ul>
                <ul class="ui-row">
                    <li data-href="./goods-info.html" class="ui-col ui-col-50 af-border-r">
                        <div class="ui-rec-category-img-tb">
                            <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/1cefa8910667b4925bd64ce2283471a8.jpg)"></span>
                        </div>
                    </li>
                    <li data-href="./goods-info.html" class="ui-col ui-col-50">
                        <div class="ui-rec-category-img-tb">
                            <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/8c6579d744e2ce21bf435fe61f554aeb.jpg)"></span>
                        </div>
                    </li>
                </ul>
            </li>
        </ul>
    </section>
    <section class="ui-rec-category">
        <h2 data-href="./cat.html" class="ui-arrowlink af-border-b">美妆个护</h2>

        <ul class="ui-row">
            <li data-href="./goods-info.html" class="ui-col ui-col-40">
                <div class="ui-rec-category-img af-border-r">
                    <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/b489bb73b7b40d834cdacc870ce3e51c.jpg)"></span>
                </div>
            </li>
            <li class="ui-col ui-col-60">
                <ul class="ui-row af-border-b">
                    <li data-href="./goods-info.html" class="ui-col ui-col-50 af-border-r">
                        <div class="ui-rec-category-img-tb">
                            <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/8c6579d744e2ce21bf435fe61f554aeb.jpg)"></span>
                        </div>
                    </li>
                    <li data-href="./goods-info.html" class="ui-col ui-col-50">
                        <div class="ui-rec-category-img-tb">
                            <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/1ec795f3435ddde0760ba7709d03c0f6.jpg)"></span>
                        </div>
                    </li>
                </ul>
                <ul class="ui-row">
                    <li data-href="./goods-info.html" class="ui-col ui-col-50 af-border-r">
                        <div class="ui-rec-category-img-tb">
                            <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/1cefa8910667b4925bd64ce2283471a8.jpg)"></span>
                        </div>
                    </li>
                    <li data-href="./goods-info.html" class="ui-col ui-col-50">
                        <div class="ui-rec-category-img-tb">
                            <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/8c6579d744e2ce21bf435fe61f554aeb.jpg)"></span>
                        </div>
                    </li>
                </ul>
            </li>
        </ul>
    </section>
    <section class="ui-rec-category">
        <h2 data-href="./cat.html" class="ui-arrowlink af-border-b">美妆个护</h2>

        <ul class="ui-row">
            <li data-href="./goods-info.html" class="ui-col ui-col-40">
                <div class="ui-rec-category-img af-border-r">
                    <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/b489bb73b7b40d834cdacc870ce3e51c.jpg)"></span>
                </div>
            </li>
            <li class="ui-col ui-col-60">
                <ul class="ui-row af-border-b">
                    <li data-href="./goods-info.html" class="ui-col ui-col-50 af-border-r">
                        <div class="ui-rec-category-img-tb">
                            <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/8c6579d744e2ce21bf435fe61f554aeb.jpg)"></span>
                        </div>
                    </li>
                    <li data-href="./goods-info.html" class="ui-col ui-col-50">
                        <div class="ui-rec-category-img-tb">
                            <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/1ec795f3435ddde0760ba7709d03c0f6.jpg)"></span>
                        </div>
                    </li>
                </ul>
                <ul class="ui-row">
                    <li data-href="./goods-info.html" class="ui-col ui-col-50 af-border-r">
                        <div class="ui-rec-category-img-tb">
                            <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/1cefa8910667b4925bd64ce2283471a8.jpg)"></span>
                        </div>
                    </li>
                    <li data-href="./goods-info.html" class="ui-col ui-col-50">
                        <div class="ui-rec-category-img-tb">
                            <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/8c6579d744e2ce21bf435fe61f554aeb.jpg)"></span>
                        </div>
                    </li>
                </ul>
            </li>
        </ul>
    </section>

    <section class="ui-rec-goods">
        <h2 class="ui-arrowlink">爆品推荐</h2>
        <ul id="scrollLoadGoods" data-url="./ajax_goods.json" class="ui-rec-goods-item">
            <li class="l">
                <div class="ui-goods-card">
                    <div data-href="./goods-info.html" class="ui-grid-halve-img af-border-b">
                        <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/5d48e7d1008139953992cd20290bd8b3.jpg@!254-254)"></span>
                    </div>
                    <div class="ui-goods-info">
                        <h3 data-href="./goods-info.html" class="ui-nowrap-multi">玛歌鹰贵 窖藏干红葡萄酒</h3>
                        <p><span class="shop-price">¥680.00</span><del class="market-price">¥37.00</del></p>
                    </div>
                </div>
            </li>
            <li class="r">
                <div class="ui-goods-card">
                    <div data-href="./goods-info.html" class="ui-grid-halve-img af-border-b">
                        <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/185ba482837f78627138d96b8a1f3085.jpg@!254-254)"></span>
                    </div>
                    <div class="ui-goods-info">
                        <h3 data-href="./goods-info.html" class="ui-nowrap-multi">玛歌鹰贵 窖藏干红葡萄酒</h3>
                        <p><span class="shop-price">¥680.00</span><del class="market-price">¥37.00</del></p>
                    </div>
                </div>
            </li>
            <li class="l">
                <div class="ui-goods-card">
                    <div data-href="./goods-info.html" class="ui-grid-halve-img af-border-b">
                        <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/185ba482837f78627138d96b8a1f3085.jpg@!254-254)"></span>
                    </div>
                    <div class="ui-goods-info">
                        <h3 data-href="./goods-info.html" class="ui-nowrap-multi">玛歌鹰贵 窖藏干红葡萄酒</h3>
                        <p><span class="shop-price">¥680.00</span><del class="market-price">¥37.00</del></p>
                    </div>
                </div>
            </li>

            <li class="r">
                <div class="ui-goods-card">
                    <div data-href="./goods-info.html" class="ui-grid-halve-img af-border-b">
                        <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/185ba482837f78627138d96b8a1f3085.jpg@!254-254)"></span>
                    </div>
                    <div class="ui-goods-info">
                        <h3 data-href="./goods-info.html" class="ui-nowrap-multi">玛歌鹰贵 窖藏干红葡萄酒</h3>
                        <p><span class="shop-price">¥680.00</span><del class="market-price">¥37.00</del></p>
                    </div>
                </div>
            </li>
        </ul>
        <div class="ui-loading-wrap">
            <p>正在加载中...</p>
            <i class="ui-loading"></i>
        </div>
    </section>
</div>

<script src="/lib/zepto.min.js"></script>
<script src="/js/frozen.js"></script>
<script src="/js/app.min.js"></script>
</body>
</html>